* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  font-family: '微软雅黑';
}
/* 顶部样式 */
.title {
  background-color: black;
  height: 36px;
}
.title .title_container {
  width: 1200px;
  margin: 0 auto;
}
/* 给列表设置右浮动 */
.title .title_container ul {
  float: right;
}
/* 给父元素清除浮动 */
.title .title_container::after {
  content: "";
  display: block;
  clear: both;
}
/* 给列表内容设置左浮动 */
.title .title_container ul li {
  float: left;
  line-height: 36px;
}
/* 给列表内容清除浮动 */
.title .title_container .title_container ul::after {
  content: "";
  display: block;
  clear: both;
}
/* 设置a标签文本间距 设置样式 */
.title .title_container ul li a {
  color: rgb(204, 204, 204);
  text-decoration: none;
  padding: 0 1em;
  border-right: 1px solid white;
  font-size: 14px;
}
.title .title_container ul li a:hover {
  color: white;
}
.title .title_container ul li:last-child a {
  border-right: none;
}
/* 顶部二级菜单 */
.title .title_container .combox,
.title .title_container .cusbox{
  position: relative;
}
.title .title_container .company,
.title .title_container .custmer{
  width: 83px;
  height: 162px;
  background-color: white;
  display: none;
  position: absolute;
  box-shadow: 1px 1px 5px #999;
}
.title .title_container .combox:hover .company,
.title .title_container .cusbox:hover .custmer{
display: block;
}
.title .title_container .company ul{
  margin: auto;
}
.title .title_container .company ul li,
.title .title_container .custmer ul li{
  width: 56px;
  font-size: 12px;
  height: 38px;
  margin: 0 13px;
  color: #999;
  text-align: center;
  border-bottom: 1px solid #999;
}

.title .title_container .company ul li:last-child,
.title .title_container .custmer ul li:last-child{
  border-bottom: none;
}
/* <!-- 顶部结束 --> */

/* <!-- logo和列表搜索框开始 --> */
.container {
  margin-top: 20px;
  height: 120px;
}
.container .container_parent {
  width: 1200px;
  margin: 0 auto;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container .container_parent .top {
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.container .container_parent .top .logo {
  width: 212px;
  height: 60px;
  background: url(https://yanxuan-static.nosdn.127.net/hxm/yanxuan-component/p/20170601/style/img/x1/icon-yxtop-s1ec226323c-5e4f7cf5a5.png);
  background-position: 0 -298px;
}
/* 搜索框 */
.container .container_parent .top .search {
  width: 532px;
  height: 60px;
  display: flex;
  justify-content: space-between;
}
.container .container_parent .top .search .left {
  width: 442px;
  height: 38px;
  border: 1px solid #cc9756;
  border-radius: 19px 0 0 19px;
}
.container .container_parent .top .search .left input {
  /* 因为要设置宽度 */
  display: inline-block;
  width: 388px;
  height: 38px;
  margin-left: 20px;
  outline: none;
  border: 0;
}
.container .container_parent .top .search .right {
  width: 90px;
  height: 38px;
  background-color: #cc9756;
  border: 1px solid #cc9756;
  border-radius: 0 19px 19px 0;
  text-align: center;
  line-height: 38px;
  color: white;
  cursor: pointer;
}

.nav_shopcar_logo {
  width: 18px;
  height: 18px;
  margin: 0px 0px 0px 22px;
  color: rgb(204, 151, 86);
}
.nav_shopcar_name {
  width: 42px;
  height: 19px;
  font-size: 14px;
  margin: -1px 0px 0px 5px;
  font-family: "微软雅黑";
  color: rgb(204, 151, 86);
}
.nav_shopcar_num {
  display: inline-block;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  font-family: "微软雅黑";
  color: #fff;
  margin: -1px 0px 0px 10px;
  border-radius: 50%;
  background-color: #ff2337;
  position: relative;
  top: 10px;
}
.container .container_parent .top .buy {
  width: 134px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  color: #cc9756;
  border: 1px solid #cc9756;
  border-radius: 19px;
  display: flex;
  justify-content: center;
}
.search_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.nav_sear_frame ul {
  width: 444px;
  height: 18px;
  /* position: absolute;
    margin-top: 2px;
    margin-left: 12px; */
}
.nav_sear_frame ul li {
  float: left;
  padding: 0px 5px;
  text-align: center;
  line-height: 18px;
  color: #cccccc;
}
.nav_sear_frame ul li a {
  color: #cccccc;
  font-size: 12px;
}
.container .container_parent .bottom {
  height: 24px;
}
.container .container_parent .bottomm>ul>li:nth-child(1) a{
  color: #cc9756;
  border-bottom: 1px solid #cc9756;
}
.container .container_parent .bottom ul {
  display: flex;
  justify-content: space-between;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
  position: relative;

}

.container .container_parent .bottom > ul > li > div {
  width: 1200px;
  height: 500px;
  background-color: white;
  margin: auto;
  /* 脱离文档流 */
  position: absolute;
  left: -10px;
  display: none;
}
.container .container_parent .bottom > ul > li:hover div {
  display: block;
}
.container .container_parent .bottom > ul > li > div > dl {
  display: flex;
  justify-content: space-between;
}
.container .container_parent .bottom ul li a {
  color: black;
}
.container .container_parent .bottom ul li a:hover {
  color: #cc9756;
  border-bottom: 3px solid #cc9756;
  cursor: pointer;
}
/* <!-- logo和列表搜索框开始 --> */

/* 大图开始 */
.swipe {
  height: 420px;
  background-color: #fff;
}
.swipe .swipe_img {
  width: 1536px;
  margin: 0 auto;
  overflow-x: hidden;
}
.swipe .swipe_img img {
  width: 1920px;
  height: 420px;
}
.cube {
  height: 431px;
  /* background-color:lightgreen; */
  margin-top: 20px;
}
.cube .cube_parent {
  width: 1200px;
  height: 413px;
  margin: 0 auto;
  /* background-color: lightyellow; */
}
.cube .cube_parent .top {
  height: 28px;
  margin-bottom: 20px;
  margin-left: 20px;
  /* background-color: lightskyblue; */
  display: flex;
  justify-content: space-between;
}
.cube .cube_parent .top h3 {
  font-size: 28px;
  color: black;
  display: inline-block;
}
.cube .cube_parent .top span{
  font-size: 14px;
  line-height: 14px;
}
.cube .cube_parent .top h3:hover,
.cube .cube_parent .top span:nth-child(3):hover{
  color: #e2c199;
}
.cube .cube_parent .top span:nth-child(3){
  margin-left: 1050px;
  position: relative;
  top:-10px;
}
.cube .cube_parent .bottom {
  height: 365px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.cube .cube_parent .bottom > div {
  width: 265px;
  height: 365px;
  margin-left: 10px;
}
.cube .cube_parent .bottom > div:hover {
  box-shadow: 0 1px 5px 1px #ccc;
}
.cube .cube_parent .bottom > div:first-child {
  margin-left: 20px;
}
.cube .cube_parent .bottom div:nth-child(1) .pic{
  height: 265px;
  background: url('./image/新品4.webp');
  background-size: 265px 265px;
}

.cube .cube_parent .bottom > div:nth-child(1) .pic:hover{
  background: url('./image/新品4-1.webp');
  background-size: 265px 265px;
}
.cube .cube_parent .bottom > div:nth-child(2)  .pic{
  height: 265px;
  background: url('./image/新品3-1.webp');
  background-size: 265px 265px;

}
.cube .cube_parent .bottom > div:nth-child(2) .pic:hover{
  background: url('./image/新品3.webp');
  background-size: 265px 265px;
}
.cube .cube_parent .bottom > div:nth-child(3) .pic{
  height: 265px;
  background: url('./image/新品2-1.webp');
  background-size: 265px 265px;

}
.cube .cube_parent .bottom > div:nth-child(3) .pic:hover{
  background: url('./image/新品2.webp');
  background-size: 265px 265px;
}
.cube .cube_parent .bottom > div:nth-child(4) .pic{
  height: 265px;
  background: url('./image/新品1-1.webp');
  background-size: 265px 265px;

}
.cube .cube_parent .bottom > div:nth-child(4) .pic:hover{
  background: url('./image/新品1.webp');
  background-size: 265px 265px;
}
.cube .cube_parent .bottom > div .text {
  height: 100px;
  /* background-color:rgb(204, 0, 255); */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cube .cube_parent .bottom > div:hover .text{
  background-color: rgb(244, 240, 234);

}

.cube .cube_parent .bottom > div:last-child{
  width: 50px;
  height: 50px;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background-color: rgb(226, 193, 153);
  background-position: 0px -5658px;
  position: relative;
  top: 132.5px;
  left: 20px;
}
.cube .cube_parent .bottom > div:last-child:hover{
  background-color: #cc9756;
}
.cube .cube_parent .bottom .text span:last-child{
  text-decoration: line-through;
}
/* 大图结束 */

aside.left{
    width: 150px;
    height: 500px;
    position: sticky;
    top: 50px;
    left: -20px;
    float: left;
}
aside.right{
    width: 70px;
    height: 280px;
    position: sticky;
    top: 50px;
    right: 20px;
    float: right;
    background-color: white;
}
.body_aside_left ul {
  width: 108px;
  margin-left: 50px;
  border: 1px solid rgb(226, 222, 214);
  overflow: hidden;
  background-color: white;
}
.body_aside_left ul li:first-child {
  width: 108px;
  color: rgb(187, 51, 67);
  font-weight: 700;
  text-align: center;
  line-height: 38px;
  /* padding-top: 10px; */
  background-color: rgb(255, 252, 245);
  border-bottom: 1px solid rgb(226, 222, 214);
}
.body_aside_left ul li:last-child {
  border-bottom: none;
}
.body_aside_left ul li {
  /* text-align: center; */
  width: 86px;
  height: 38px;
  margin: auto;
  border-bottom: 1px solid rgb(226, 222, 214);
  font-size: 12px;
  font-family: "微软雅黑";
}
.body_aside_left ul li i {
  float: left;
  width: 30px;
  height: 30px;
  color: rgb(187, 51, 67);
  line-height: 38px;
  text-align: center;
  padding-right: 10px;
}
.body_aside_left ul li a {
  text-align: left;
  line-height: 12px;
  color: black;
}
.body_aside_left ul li a:hover {
  color: rgb(187, 51, 67);
}
.body_aside_code img {
  width: 70px;
  height: 70px;
  position: absolute;
  right: 0;
}
.aside_right_text {
  position: absolute;
  top: 70px;
  right: 11px;
}
.aside_right_text p:first-child {
  color: #000;
  font-size: 12px;
}
.aside_right_text p {
  color: rgb(187, 51, 67);
  text-align: center;
  font-size: 12px;
  font-family: "微软雅黑";
}
.aside_right_subs {
  position: absolute;
  top: 150px;
  color: #666666;
  /* left: 10px; */
}
.aside_right_subs,
.aside_right_online,
.aside_right_top {
  position: absolute;
  right: 0;
  margin: 0 auto;
}

.right div i {
  font-size: 28px;
  padding-left: 11px;
  margin: auto;
}
.aside_right_subs p {
  font-size: 14px;
}
.aside_right_online {
  position: absolute;
  top: 220px;
  color: #666666;
}
.aside_right_top {
  width: 70px;
  height: 70px;
  text-align: center;
  position: absolute;
  top: 280px;
  color: #666666;
  background-color: white;
  display: none;
}
.aside_right_top p a{
  color:#666666;
  text-align: center;
}
.aside_right_top:hover a,
.aside_right_subs:hover,
.aside_right_online:hover,
.aside_right_top:hover {
  color: rgb(180, 160, 120);
}
.body_content_two {
  width: 1519.2px;
  height: 738px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(244, 240, 234);
}
.content_two_text {
  width: 1090px;
  height: 48px;
}
.content_two_text h3 {
  display: inline-block;
  font-size: 28px;
}
.content_two_text a {
  display: inline-block;
  font-size: 14px;
  margin-left: 20px;
  color: #333333;
}
.content_two_text a:hover {
  border-bottom: 3px solid rgb(181, 161, 122);
  color: rgb(181, 161, 122);
}
.content_two_text a:last-child {
  float: right;
  border-bottom: none;
  margin-top: 16px;
}
.body_content_popular {
  width: 1090px;
  height: 570px;
  text-align: center;
  /* background-color: lightblue; */
  display: flex;
  flex-direction: row;
  /* 主轴上两边元素靠边 中间平分 */
  justify-content: space-between;
}
.body_content_popular .content_popular_left:hover img{
  transform: scale(1.1);
  transition-duration: 1s;
}
.body_content_popular .content_popular_right>div:hover img{
  transform: scale(1.1);
  transition-duration: 1s;
} 
.body_content_popular span:nth-child(5) {
  text-decoration: line-through;
}
.body_content_popular .content_popular_left {
  width: 390px;
  height: 570px;
  background-color: white;
}
.body_content_popular .content_popular_left img {
  width: 320px;
  height: 320px;
  margin: 35px auto;
}
.body_content_popular .content_popular_left h4 {
  font-size: 18px;
}
.body_content_popular .content_popular_left span {
  font-size: 18px;
}
.body_content_popular .content_popular_right {
  width: 690px;
  height: 570px;
  display: flex;
  flex-direction: row;
  /* 主轴上两边元素靠边 中间平分 */
  justify-content: space-between;
  /* 前提是设置自动换行 */
  flex-wrap: wrap;
  /* 交叉轴两边元素靠边 多行 */
  align-content: space-between;
}
.body_content_popular .content_popular_right div {
  width: 223px;
  height: 280px;
  background-color: white;
}
/* 居家生活 */
.body_content_living {
  width: 1519.2px;
  height: 738px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.body_content_living .content_living_text {
  width: 1090px;
  height: 48px;
  margin: auto;
}
.body_content_living .content_living_text h3 {
  display: inline-block;
  font-size: 28px;
}
.body_content_living .content_living_text a,
span {
  color: #333333;
  font-size: 14px;
  display: inline-block;
  margin-left: 13px;
}
.body_content_living .content_living_text a:last-child {
  float: right;
  margin-top: 26px;
}
.body_content_living .content_living_text span {
  font-weight: 700;
}
.body_content_living .content_living_text a:hover {
  color: rgb(180, 160, 120);
}
.body_content_living .content_living_down,
.body_content_living .content_living_up {
  width: 1090px;
  height: 310px;
  margin: auto;
}
.body_content_living .content_living_down {
  height: 361px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.body_content_living .content_living_down div {
  width: 265px;
  height: 361px;
  background-color: white;
  font-size: 14px;
  text-align: center;
}

.body_content_living .content_living_down div:hover{
  background-color: #f4f0ea;
  box-shadow: 0 1px 5px 1px #ccc;
}
.body_content_living .content_living_down span:last-child {
    text-decoration: line-through;
  }
/* 大家都在说开始 */
.people_box{
  background-color: rgb(244,240,234);
  width: 1519.2px;
  height: 660px;
  margin: auto;
}
.people_box .top{
  width: 1090px;
  height: 48px;
  padding-top: 40px;
  margin: auto;
}
.people_box .top h3{
  font-size: 28px;
  float: left;
}
.people_box .top small{
  font-size: 14px;
  display: inline-block;
  margin: 15px;
}
.people_box .bottom{
  width: 1090px;
  height: 492px;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.people_box .bottom>div{
  width: 2230px;
  height: 492px;
  display: flex;
  justify-content: space-between;
  animation: swipe 10s linear infinite;
}
.people_box .bottom>div>div{
  width: 355px;
  height: 492px;
  background-color: white;
  position: relative;
  overflow: hidden;

}
.people_box .bottom>div>div img:hover{
  transform: scale(1.1);
  transition: 1s;
}
.people_box .bottom>div>div>div{
  /* float: left; */
  width: 345px;
  height: 186px;
  margin: 0 5px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
}
.people_box .right_btn{
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background-color: rgb(226, 193, 153);
  background-position: 0px -5658px;
  position: relative;
  top: -300px;
  left: 1340px;
}
.people_box .right_btn:hover{
  background-color: #cc9756;
}
@keyframes swipe{
  /* 开始状态 */
  0%{
      margin-left: 0px;
  }
  /* 结束状态 */
  33.3%{
      margin-left: -355px;
  }
  66.7%{
    margin-left: -710px;
  }
  100%{
    margin-left: -1065px
  }
}
/* 白色底部 */
.foot{
  width: 1090px;
  margin: 0 auto;
  height: 300px;
  background-color: white;
  display: flex;
  justify-content: center;
}
.foot >div{
  width: 363px;
  /* background-color: lightpink; */
}
.foot div:nth-child(1)
{
  height: 144px;
  /* background-color: lightyellow; */
}
.foot div:nth-child(2)
{
  height: 188px;
  /* background-color: lightgreen; */
}
.foot div:nth-child(3)
{
  height: 173px;
}
.foot .cus{
  display: flex;
  justify-content: space-evenly;
}
.foot .cus .bottom h4{
  text-align: center;
}
.foot .cus .bottom>div{
  width: 80px;
  height: 100px;
  float: left;
  text-align: center;
  margin-top: 25px;
  border: 1px solid #ccc;
  position: relative;
}
.foot .cus .bottom>div:nth-child(2){
  margin-right: 20px;
}
.foot .cus .bottom>div i{
  width: 31px;
  height: 26px;
  margin: auto;
  font-size: 28px;
  margin: auto;
  position: absolute;
  top: 25px;
  left: 25px;
}
.foot .cus .bottom>div a{
  color:black;
  position: relative;
  top: 40px;
}
.foot .details{
  width: 363px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.foot .details .top h4{
  margin-bottom: 10px;
  text-align: center;
}
.foot .details .top p{
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  margin-left: 20px;
}
.foot .details .bottom{
  /* text-align: center; */
  margin: auto;
  height: 42px;
}
.foot .details .bottom span{
text-align: left;
vertical-align: middle;
margin-left: 15px;
}
.foot .details .bottom i{
  font-size: 28px;
  margin-left: 20px;
  vertical-align: middle;
}
.foot .download{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.foot img{
  margin-top: 28px;
  width: 104px;
  height: 104px;
}
.foot .download div{
  font-size: 12px;
  color: #b4a078;
  margin-top: 3px;
}
  /* 黑色底部 */
footer{
  width: 1519.2px;
  height: 330px;
  margin: auto;
  background-color: #414141;
}

footer .top{
  width: 1090px;
  height: 50px;
  margin: auto;
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
}
footer .top>div>i{
  width: 50px;
  height: 50px;
  color: white;
  font-size: 50px;
}
footer .top>div>span{
  display: inline-block;
  font-size: 18px;
  color: #fff;
  margin-top: 20px;
  line-height: 50px;
}
footer .bottom>div{
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  margin-top: 10px;
  color: #ccc;
}

footer .bottom .text{
  margin:0 auto;
  margin-top: 20px;
  width: 1090px;
  height: 18px;

}
footer .bottom .text a{
  color: #fff;
  border-right: 1px solid #ccc;
  margin-right: 5px;
  padding-right: 15px;
}